<template lang="pug">
.low-code-box
  tool-bar
  .web-main-content
    eleList
    viewPort
    eleConfig
</template>

<script lang="ts">
import { defineComponent, reactive } from "vue";
import toolBar from "./toolBar/toolBar.vue";
import eleList from "./eleList/eleList.vue";
import viewPort from "./viewPort/viewPort.vue";
import eleConfig from "./eleConfig/eleConfig.vue";
import { defaultJson } from "./json/defaultConfig";
import { useStore } from "vuex";
import * as BaseTypes from "@/stores/base-type";
export default defineComponent({
  name: "",
  components: {
    toolBar,
    eleList,
    viewPort,
    eleConfig,
  },
  setup() {
    const store = useStore();
    // 初始化设置基础json数据
    const json = reactive(defaultJson);
    store.commit(`lowCode/${BaseTypes.SET_CONTENTJSON}`, json);
    return {};
  },
});
</script>

<style lang="stylus" scoped>
.web-main-content
  display: flex;
  flex: 1 1 auto;
</style>
